La til tastaturnavigering og fikset noen småting #73

johabort · 2026-09-17T16:28:54Z

Gjennomgang av tilgjengeligheten i appen, med vekt på semantisk HTML og
tastaturnavigasjon.

Klikkbare <div>-er byttet til <button> der elementet faktisk utfører
en handling: filmkort, pilene og midtsonen i hero-karusellen
MovieCard er nå <article>, og tittelen ligger i en <button> som
dekker hele kortet via ::after
Felles fokusmarkering via én :focus-visible-regel i index.css, i
stedet for duplisert regel i fem filer
Fokus flyttes inn i dialogen ved åpning og tilbake til filmkortet ved
lukking
Fokusfelle: Tab og Shift+Tab sykler mellom knappene i dialogen i stedet
for å vandre ut i siden bak
Escape lukker dialogen
Scroll-lås på <body> mens dialogen er åpen
Snapshot for MovieCard oppdatert, da DOM-strukturen er endret
Manuelt testet med tastatur: tab-rekkefølge, fokusmarkering, Escape og
fokusfelle i dialogen

Fixes #40

albertpl

bra knapper

johannes added 4 commits September 17, 2026 16:32

small quick fixes

f76aa37

Gjør filmkort og hero-karusell tastaturnavigerbare

b3b37c3

Gjør movie-details tastaturnavigerbar

1dc819d

Gjør movie-details fokussikker

6f31b86

johabort requested a review from a team as a code owner September 17, 2026 16:28

Merge branch 'main' into quickfix

362a0a4

albertpl approved these changes Sep 18, 2026

View reviewed changes

albertpl merged commit ef744eb into main Sep 18, 2026

clemenbe deleted the quickfix branch September 18, 2026 08:35

Conversation